<template>
  <div class="index">
    <h1 style="">这里是首页，欢迎来到我的世界！我是浅红   一个没有梦想的男人</h1>
    <van-swipe class="index_swipe"  :autoplay="1000"  vertical :touchable="true">
      <van-swipe-item>
        <van-image width="100%" height="100%" :src="一站购齐"/>
      </van-swipe-item>
      <van-image width="100%" height="100%" :src="复工复产"/>
      <van-swipe-item>
        <van-image width="100%" height="100%" :src="办公"/>
      </van-swipe-item>
      <van-swipe-item>
        <van-image width="100%" height="100%" :src="防疫专场"/>
      </van-swipe-item>
      <van-swipe-item>
        <van-image width="100%" height="100%" :src="防疫专场"/>
      </van-swipe-item>
    </van-swipe>
  </div>
 </template>

<script>
import { Message } from "element-ui";
import {deepClone} from "@/utils";
import 一站购齐 from '@/assets/images/一站购齐.png'
import 复工复产 from '@/assets/images/复工复产.png'
import 办公 from '@/assets/images/办公.png'
import 防疫专场 from '@/assets/images/防疫专场.png'

export default {
  name: "Index",
  data() {
    return {
      一站购齐: 一站购齐, 复工复产: 复工复产, 办公: 办公, 防疫专场: 防疫专场,
    }
  },
  created() {
    Message.success({message: '已经入首页'})
  },

}
</script>

<style lang="scss" scoped>
.index {
  .index_swipe {
    width: 488px;
    height: 200px;
    background-color: #42b983;
  }
}

</style>
